.rotation-chart
    width: 100%
    height: 100%
    overflow hidden
    position: relative;

    .inner
        display: flex
        align-items center
        padding 0 6.5px
        position: absolute;
        animation change-position 10s linear infinite
        &:hover
            animation-play-state paused

        @keyframes change-position
            0%
                left: 0%
            100%
                left: -100%

        .item-image-box
            width: 317px
            height: 202px
            margin: 0 6.5px
            position: relative
            cursor: pointer

            &:first-child
                margin-left 0

            &:last-child
                margin-right 0

            img
                width: 100%
                height: 100%
                object-fit cover

            .mask
                position: absolute
                bottom: 0
                left: 0
                width: 317px
                height: 41px
                background: rgba(0, 0, 0, 0.6)
                font-weight bold
                display: flex
                align-items: center
                justify-content: space-between
                padding: 10px 16px

                .status
                    &.warn
                        color: orange